/* flex布局 */
.flex,
.flx {
  display: flex;
}

.flex-lr,
.flx-sa {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-col,
.flx-col {
  display: flex;
  flex-direction: column;
}

.flex_ac,
.flx-ac {
  display: flex;
  align-items: center;
}

.flex-aj_cc,
.flx-cc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex_ai_c {
  align-items: center;
}

.flex_jc_c {
  justify-content: center;
}

.flex_jc_end {
  justify-content: flex-end;
}

.flex_align_end {
  align-items: flex-end;
}

.flex_w {
  flex-wrap: wrap;
}

.flex_1 {
  flex: 1;
}